<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="../css/bootstrap-theme.min.css" />
    <style type="text/css">
        .carousel {
            width: 525px;
            height: 525px;
        }

        .item img {
            width: 525px;
            height: 525px;
        }
    </style>
</head>

<body>
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>

<!--响应式布局容器-->
<div class="container">
    <table class="table table-bordered">
        <tr class="active">
            <td>id</td>
            <td>名字</td>
            <td>性别</td>
            <td>年龄</td>
            <td>操作</td>
        </tr>
        <tr class="success">
            <td>1</td>
            <td>青龙</td>
            <td>男</td>
            <td>800</td>
            <td>
                <input class="btn btn-default" type="button" value="修改">
                <input class="btn btn-default" type="button" value="删除">
            </td>
        </tr>
        <tr class="danger">
            <td>2</td>
            <td>白虎</td>
            <td>女</td>
            <td>700</td>
            <td>
                <input class="btn btn-default" type="button" value="修改">
                <input class="btn btn-default" type="button" value="删除">
            </td>
        </tr>
    </table>
</div>

</body>
</html>